<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多看阅读(duokan.com)-海量畅销</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/header.css">
	<link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="main">
		<!--1.页头-->
		<header class="header"></header>
		<!--2.内容-->
		<section class="section">
			<!--2.1---1F-->
			<div class="first-floor">
				<!--2.1.1--1F左-->
				<div class="first-floor-left">
					<h5>图书分类</h5>
					<ul>
						<li>
							<a href="#">
								<span class="label">小说</span>
								<span class="num">1111</span>
							</a>
							<a href="#">
								<span class="label">经管</span>
								<span class="num">8300</span>
							</a>
						</li>
						<li class="itm">
							<a href="#">
								<span class="label">成功励志</span>
								<span class="num">4464</span>
							</a>
							<a href="#">
								<span class="label">人文社科</span>
								<span class="num">4521</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="label">文学</span>
								<span class="num">3211</span>
							</a>
							<a href="#">
								<span class="label">计算机</span>
								<span class="num">4454</span>
							</a>
						</li>
						<li class="itm">
							<a href="#">
								<span class="label">历史</span>
								<span class="num">3122</span>
							</a>
							<a href="#">
								<span class="label">生活</span>
								<span class="num">3315</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="label">动漫绘本</span>
								<span class="num">2233</span>
							</a>
							<a href="#">
								<span class="label">传记</span>
								<span class="num">312</span>
							</a>
						</li>
						<li class="itm">
							<a href="#">
								<span class="label">杂志</span>
								<span class="num">3322</span>
							</a>
							<a href="#">
								<span class="label">原创文学</span>
								<span class="num">3125</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="label">两性情感</span>
								<span class="num">3155</span>
							</a>
							<a href="">
								<span class="label">自然科学</span>
								<span class="num">3215</span>
							</a>
						</li>
						<li class="itm">
							<a href="#">
								<span class="label">少儿</span>
								<span class="num">2315</span>
							</a>
							<a href="#">
								<span class="label">旅游</span>
								<span class="num">874</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="label">政治军事</span>
								<span class="num">1516</span>
							</a>
							<a href="#">
								<span class="label">艺术</span>
								<span class="num">1232</span>
							</a>
						</li>
						<li class="itm">
							<a href="#">
								<span class="label">法律</span>
								<span class="num">321</span>
							</a>
							<a href="#">
								<span class="label">教育</span>
								<span class="num">2082</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="label">外语</span>
								<span class="num">1312</span>
							</a>
							<a href="#">
								<span class="label">进口原版</span>
								<span class="num">2</span>
							</a>
						</li>
					</ul>
				</div>
				<!--2.1.2--1F中-->
				<div class="first-floor-middle">
					<!--2.1.2.1--1F中上-->
					<div class="first-floor-middle-top">
						<!--轮播图-->
						<ul id="banner">
							<li class="block">
								<a href="#"><img src="img/banner/big-banner-1.jpg" alt=""></a>
							</li>
							<li>
								<a href="#"><img src="img/banner/big-banner-1.jpg" alt=""></a>
							</li>
							<li>
								<a href="#"><img src="img/banner/big-banner-1.jpg" alt=""></a>
							</li>
							<li>
								<a href="#"><img src="img/banner/big-banner-1.jpg" alt=""></a>
							</li>
							<li>
								<a href="#"><img src="img/banner/big-banner-1.jpg" alt=""></a>
							</li>
							<li>
								<a href="#"><img src="img/banner/big-banner-1.jpg" alt=""></a>
							</li>
						</ul>
						<!--左右方向键-->
						<a href="JavaScript:;" class="ck-silde ck-left"></a>
						<a href="JavaScript:;" class="ck-silde ck-right"></a>
						<!--轮播图小圆点-->
						<ul id="banner-tabs">
							<li><a href="#" class="js-selected"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
					<!--2.1.2.2--1F中中-->
					<div class="first-floor-middle-middle">
						<!--"重磅推荐"标题-->
						<h5>重磅推荐</h5>
						<!--推荐的两本书-->
						<ul class="book-recommend">
							<li>
								<div class="book">
									<a href="#">
										<img src="img/index/recommend-book-1.jpg" alt="数学思维秘籍(全七册)">
									</a>
									<div class="u-price">
										<em>¥49.99</em>
										<del>¥248.00</del>
									</div>
								</div>
								<a class="title" href="#">数学思维秘籍系列 ( 全七册 ) </a>
								<div class="u-stargrade">
									<div class="icon"></div>
									<span class="num"> ( 20 ) </span>
								</div>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格 等</span>
								</p>
								<p class="desc">治愈你的数学恐惧，在生活中发现数学的妙用!</p>
								<a class="u-btn1" href="#">立即阅读</a>
							</li>
							<li>
								<div class="book">
									<a href="#">
										<img src="img/index/recommend-book-1.jpg" alt="数学思维秘籍(全七册)">
									</a>
									<div class="u-price">
										<em>¥49.99</em>
										<del>¥248.00</del>
									</div>
								</div>
								<a class="title" href="#">数学思维秘籍系列 ( 全七册 ) </a>
								<div class="u-stargrade">
									<div class="icon"></div>
									<span class="num"> ( 20 ) </span>
								</div>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格 等</span>
								</p>
								<p class="desc">治愈你的数学恐惧，在生活中发现数学的妙用!</p>
								<a class="u-btn1" href="#">立即阅读</a>
							</li>
						</ul>
					</div>
					<!--2.1.2.3--1F中下-->
					<div class="first-floor-middle-bottom">
						<h3>活动快讯</h3>
						<p><a href="#">超级畅销的好书特价啦，戳此看看~~</a></p>
					</div>
				</div>
				<!--2.1.3--1F右-->
				<div class="first-floor-right">
					<!--2.1.3.1--1F右上--登录-->
					<div class="login">
						<h5>Hi 欢迎使用多看阅读</h5>
						<p>跨平台/多深同步阅读进度、笔记和图书,轻松实现云阅读。</p>
						<div class="act">
							<!--两种按钮-->
							<a class="u-btn-free" href="#">免费阅读</a>
							<a class="u-btn-login" href="login.html">登录</a>
						</div>
					</div>
					<!--2.1.3.2--1F右下--新书推荐-->
					<div class="m-activity">
						<h3>重磅新书</h3>
						<div class="desc">
							<p>
								【试读版】村上春树七年磨一剑的突破之作；
								造就《吐槽大会》首席编剧的脱口秀圣经 ；
								美女作家 林奕含 遗作，骇丽的文学标本；
								原班人马操刀制作，只为满足每一个克苏鲁信徒的期待！
							</p>
						</div>
						<!--小轮播-->
						<div class="book">
							<ul class="small-banner">
								<li>
									<a href="#">
										<span class="cover">
											<img src="img/banner/small-banner-1.jpg" alt="手把手教你脱口秀">
										</span>
										<span class="title">手把手教你脱口秀</span>
									</a>
								</li>
							</ul>
							<ul class="small-banner-tabs">
								<li>
									<a class="crt" href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--2.2---2F-->
			<div class="second-floor">
				<!--2.2.1--2F左-->
				<div class="second-floor-left">
					<div class="u-nav-tab">
						<ul>
							<li class="itm">
								<a class="ranking-list" href="javascript:;" data-list="sell">畅销榜</a>
							</li>
							<li class="sep">|</li>
							<li class="itm">
								<a class="ranking-list" href="javascript:;" data-list="month">月度榜</a>
							</li>
							<li class="sep">|</li>
							<li class="itm">
								<a class="ranking-list" href="javascript:;" data-list="well">好评榜</a>
							</li>
						</ul>
						<div class="box"></div>
					</div>
					<div class="cnt j-cnt">
						<ul class="sell u-txtlist">
							<li class="itm">
								<em class="hot">1.</em>
								<a class="title" href="#" title="社会契约论：人类不平等的起源">社会契约论：人类不平等的起源</a>
								<p class="u-author">
									<span>【法】卢梭</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">2.</em>
								<a class="title" href="#" title="北大情商课">北大情商课</a>
								<p class="u-author">
									<span>李珍</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">3.</em>
								<a class="title" href="#" title="欺诈术的破解与防范">欺诈术的破解与防范</a>
								<p class="u-author">
									<span>【美】伊芙·布德甘</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">4.</em>
								<a class="title" href="#" title="神曲·地狱篇">神曲·地狱篇</a>
								<p class="u-author">
									<span>【意】但丁</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">5.</em>
								<a class="title" href="#" title="三体(全三册)">三体(全三册)</a>
								<p class="u-author">
									<span>刘慈欣</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">6.</em>
								<a class="title" href="#" title="数学思维秘籍系列(全七册)">数学思维秘籍系列(全七册)</a>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">7.</em>
								<a class="title" href="#" title="数学思维秘籍系列(全七册)">数学思维秘籍系列(全七册)</a>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">8.</em>
								<a class="title" href="#" title="数学思维秘籍系列(全七册)">数学思维秘籍系列(全七册)</a>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">9.</em>
								<a class="title" href="#" title="数学思维秘籍系列(全七册)">数学思维秘籍系列(全七册)</a>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格</span>
								</p>
							</li>
							<li class="itm">
								<em class="hot">10.</em>
								<a class="title" href="#" title="数学思维秘籍系列(全七册)">数学思维秘籍系列(全七册)</a>
								<p class="u-author">
									<span>【美】乔丹·艾伦伯格</span>
								</p>
							</li>
						</ul>
						<ul class="month" style="display: none;"><li>1111</li></ul>
						<ul class="well" style="display: none;"><li>2222</li></ul>
						<a class="u-more" href="#">更多畅销榜 》》</a>
					</div>
				</div>
				<!--2.2.2--2F右-->
				<div class="second-floor-right">
					<div class="u-ttl">
						<h5>精品推荐</h5>
						<div class="act">
							<a class="u-more" href="#">查看更多 》》</a>
						</div>
					</div>
					<div class="u-colslist">
						<ul>
						<!--后台数据库提取-->
							<li class="u-bookitm j-bookitm" data-id="9df60cd7daae4fd1a67308e925b2f642">
								<div class="book">
									<a class="cover" href="/book/169624" hidefocus="hidefocus" target="_blank">
										<img src="img/index/2-floor-recommed-1.jpg" alt="人人都是架构师：分布式系统架构落地与瓶颈突破" ondragstart="return false;" oncontextmenu="return false;" onload="onLoadImg(this)" style="display: block;">
									</a>
									<a class="title" href="/book/169624" hidefocus="hidefocus" target="_blank">人人都是架构师：分布式系统架构落地与瓶颈突破</a>
								</div>
								<div class="info">
									<div class="u-stargrade" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
										<div class="icon grade0"></div>
										<span class="num" itemprop="ratingValue">(0)</span>
									</div>
									<div class="u-author">
									<span>高翔龙</span>
									</div>
									<div class="u-price">
										<em>¥ 36.99 </em>
										<del>¥ 60.00</del>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--2.3---3F-->
			<div class="third-floor">
				<div class="u-aimg" unselectable="on" onselectstart="return false;">
					<ul>
						<li><a href="/special/14747" hidefocus="hidefocus" target="_blank"><img src="http://image.read.duokan.com/mfsv2/download/fdsc3/p01fYClM2Vy2/M65ifR4DcGzR4X.jpg" alt="限时畅读" onload="" style="display: block;"></a></li>

						<li><a href="/special/7812" hidefocus="hidefocus" target="_blank"><img src="http://image.read.duokan.com/mfsv2/download/fdsc3/p01wc8H4ENYa/W26CpN3X1fTKna.jpg" alt="特价专区" onload="" style="display: block;"></a></li>

						<li><a href="/special/13590" hidefocus="hidefocus" target="_blank"><img src="http://image.read.duokan.com/mfsv2/download/fdsc3/p01tRE3R4FG2/1hllYbHWdoi8zP.jpg" alt="本季畅销小说" onload="" style="display: block;"></a></li>

						<li><a href="/special/5" hidefocus="hidefocus" target="_blank"><img src="http://image.read.duokan.com/mfsv2/download/fdsc3/p01Z4OBccbZX/KcuQRQ9pbv8hBq.jpg" alt="新书同步" onload="" style="display: block;"></a></li>
					</ul>
				</div>
				<div class="u-ttl">
					<h5>特价图书</h5>
					<div class="act">
						<a href="/r/%E7%89%B9%E4%BB%B7%E5%9B%BE%E4%B9%A6" class="u-more" hidefocus="hidefocus">查看更多<span class="arr">&gt;&gt;</span>
						</a>
					</div>
				</div>
				<div class="u-colslist">
					<ul>
					<!--从后台提取数据-->
						<!--<li class="u-bookitm0 j-bookitm" data-id="a044031d554246a8838a7cb3f36ff2e0">-->
							<!--<div class="book">-->
								<!--<a href="/book/130350" class="cover" hidefocus="hidefocus" target="_blank">-->
									<!--<img src="http://cover.read.duokan.com/mfsv2/download/fdsc3/p01FiTp0cNeM/wp5GjJ21qM8uDH.jpg!t" alt="沙丘" ondragstart="return false;" oncontextmenu="return false;" onload="onLoadImg(this)" style="display: block;">-->
								<!--</a>-->
								<!--<a href="/book/130350" class="title" hidefocus="hidefocus" target="_blank">沙丘</a>-->
							<!--</div>-->
							<!--<div class="info">-->
								<!--<p class="u-author">-->
									<!--<span>【美】弗兰克·赫伯特</span>-->
								<!--</p>-->
								<!--<div class="u-price">-->
									<!--<em>¥ 9.99 </em>-->
									<!--<del>¥ 60.00</del>-->
								<!--</div>-->
							<!--</div>-->
						<!--</li>-->
					</ul>
				</div>

			</div>
		</section>
		<!--3.页尾-->	
		<footer class="footer-1"></footer>
	</div>
</body>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/ajax.js"></script>
<script src="js/header.js"></script>
<script src="js/index.js"></script>
<script src="js/footer.js"></script>
</html>